/* creat by nat */
/* 导航 */
.zcnav3{
    padding-left: 20px;
}
.zcnav3 .nav3elm{
    float: left;
    width: 100px;
}
.zcnav3 .nav3elm a{
    background-color: transparent;
    color: #7c7c7c;
    height: 4rem;
    line-height: 4rem;
    padding: 0px 2rem 0px 2rem;
    position: relative;
    display: block;
}
.zcnav3 .nav3elm.active a{
    border-bottom: 4px solid #53C7FF;
    color: #53C7FF;
}
.zcnavbrand{
    margin-left: 1.5rem; 
    margin-right: 1.5rem;
    background-color: #fff;
    padding:1rem; 
    margin-bottom: 1.5rem;
}
.zcnavbrand li{
    padding:5px 2px;
    float: left;
}
.zcnavbrand li::after{
    content: " / ";
    vertical-align: 1px;
}
.zcnavbrand li a{
    color:#3d3d3d
}
.zcnavbrand li:last-child::after{
    content: "";
    vertical-align: 1px;
}
.zcnavbrand li:last-child a{
    color: #53C7FF;
}
/* 窗口 */
.zccard{
    background-color: #fff;
    padding:1rem;
    box-sizing: border-box;
    margin-left: 1.5rem; 
    margin-right: 1.5rem ;
    margin-bottom: 6.7rem;
}

/* form*/
.zcformelm{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.zcformelm .zcform_input{
    border-radius: 1px;
    box-shadow: none;
    width: 50px;
    
    padding: 7px 5px;
    font-size: 14px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}
.zcformelm.edit .zcform_input{
    border: 1px solid #ededed;
}
.zcformelm .zcform_text{
    display: inline-block;
    color:#5a5a5a;
    font-size: 14px;
    line-height: 32px;
}
.zcformaddn {
    position: relative;
}
.zcformaddn .zcform_input{
    padding-right: 20px;
}
.zcformaddn span{
    display: inline-block;
    position: absolute;
    right: 0;
    margin-top: 8px;
}
/*grid*/
.rows{
    zoom: 1; 
      display: block;
  }
.rows:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;  
}
/* .cols0_5,.cols1_5,.cols2_5,.cols1,.cols2,.cols3,.cols4,.cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12{
    float: left
}
.cols0_5,.cols1_5,.cols2_5,.cols1,.cols2,.cols3,.cols4,.cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12{
    padding: 8px 0px;
}
.cols0_5,.cols1_5,.cols2_5,.cols1,.cols2,.cols3,.cols4,.cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12{
box-sizing: border-box
}
.rows.nopd .cols0_5,.rows.nopd .cols1_5,.rows.nopd .cols2_5,.rows.nopd .cols1,.rows.nopd .cols2,.rows.nopd .cols3,.rows.nopd .cols4,.rows.nopd .cols5,.rows.nopd .cols6,.rows.nopd .cols7,.rows.nopd .cols8,.rows.nopd .cols9,.rows.nopd .cols10,.rows.nopd .cols11,.rows.nopd .cols12{
    padding: 0px;
} */
.cols1,.cols2,.cols3,.cols4,.cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12,.cols13,.cols14,.cols15,.cols16,.cols17,.cols18,.cols19,.cols20{
    padding: 0.8rem 0px;
    float: left;
    box-sizing: border-box
}
.rows.nopd .cols1,.rows.nopd .cols2, .rows.nopd .cols3,.rows.nopd .cols4,.rows.nopd .cols5,.rows.nopd .cols6,.rows.nopd .cols7,.rows.nopd .cols8,.rows.nopd .cols9,.rows.nopd .cols10,.rows.nopd .cols11,.rows.nopd .cols12, .rows.nopd.cols13,.rows.nopd .cols14,.rows.nopd .cols15,.rows.nopd .cols16,.rows.nopd .cols17,.rows.nopd .cols18,.rows.nopd cols19,.rows.nopd .cols20{
    padding: 0px;
}
.rows.pdlr .cols1,.rows.pdlr .cols2, .rows.pdlr .cols3,.rows.pdlr .cols4,.rows.pdlr .cols5,.rows.pdlr .cols6,.rows.pdlr .cols7,.rows.pdlr .cols8,.rows.pdlr .cols9,.rows.pdlr .cols10,.rows.pdlr .cols11,.rows.pdlr .cols12, .rows.pdlr.cols13,.rows.pdlr .cols14,.rows.pdlr .cols15,.rows.pdlr .cols16,.rows.pdlr .cols17,.rows.pdlr .cols18,.rows.pdlr cols19,.rows.pdlr .cols20{
    padding-left: 5px;
    padding-right: 5px;
}
.cols1{ width:5%}
.cols2{ width:10%}
.cols3{ width:15%}
.cols4{ width:20%}
.cols5{ width:25%;}
.cols6{ width:30%}
.cols7{ width:35%}
.cols8{ width:40%}
.cols9{ width:45%}
.cols10{ width:50%}
.cols11{ width:55%}
.cols12{ width:60%}
.cols13{ width:65%}
.cols14{ width:70%}
.cols15{ width:75%}
.cols16{ width:80%}
.cols17{ width:85%}
.cols18{ width:90%}
.cols19{ width:95%}
.cols20{ width:100%}

/* .cols1_5{
    width: 12.500009%
}
.cols0_5{
    width: 4.111111%  
}
.cols2_5{
    width:20.777777% 
}
.cols1{
    width:8.333333%
}
.cols2{
    width:16.666666%; 
}
.cols3{
    width: 24.999999%;
}
.cols4{
    width: 33.333332%;
}
.cols5{
    width: 41.666665%;
}
.cols6{
    width: 50%;
}
.cols7{
    width: 58.333335%;
}
.cols8{
    width: 66.666668%;
}
.cols9{
    width: 75.000001%;
}
.cols10{
    width: 83.333334%;
}
.cols11{
    width: 91.666667%;
}
.cols12{
    width: 100%;
} */
/* btn */
.zcbtn{
    width: 7rem;
    height: 2.5rem;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    color: #7c7c7c;
    font-size: 14px;
    box-sizing: border-box;
}
.zcbtn.active{
    background-color: #53C7FF;
    border-width: 0;
    color: #fff;
}
/* form */
.zccheckbox{
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #5959c1;
}
.zccheckbox.zccheckbox_checked{
    background-color: #5959c1;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0px 1px #5959c1;
    border:3px solid #fff;
}
/*bg*/
.bg_gray{
    background-color: #595959 !important;
}
/*
.bg_blue{
    background-color: #2bd5f4 !important;
}
*/
.bg_light_blue{
    background-color: #42cde2 !important;
}
.bg_blue{
    background-color: #53C7FF !important;
}
.bg_green{
    background-color: #1bd182 !important;
}
.bg_orange{
    background-color: #f8b93e !important;
}
.bg_white{
    background-color: #fff !important;
}
.bg_e4{
    background-color: #e4e4e4 !important;
}
.bg_gold{
    background-color: #CAA15A !important;
}
.bg_0{
    background-color: transparent !important;
}
/*font*/
.font_blue{
    color:#53C7FF !important;
 }
 .font_999{
    color:#999 !important;
 }.font_gold{
    color:#CAA15A !important;
}
.font_pink{
    color:#cd097b !important;
 }
.font_3d{
    color:#3d3d3d !important;
}
.font_7c{
    color:#7c7c7c !important;
}
/*  */
.pd_t10{padding-top: 10px}
.mg_b10{margin-bottom: 10px}
.float_l{float: left}
.float_r{float: right}
.font_right{text-align: right}
.font_left{text-align: left}
.font_center{text-align: center}
.font_bold{font-weight: bold;}
.w230{ width: 230px !important;}
.w_10{width: 100% !important;}
.w_5{width: 50% !important;}
.w_3_3{width: 33.3333333333% !important;}
.w_0_5{width: 5%!important;}
.w_1{width: 10%!important;}
.w_2{width: 20%!important;}
.w_1_5{width: 15%!important;}
.border_r{
    border-right-width: 1px;
}
.border_l{
    border-left-width: 1px;
}
.clearfix {
    zoom: 1;
  }
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}